<template>
  <div>
    <One
      :a="a"
      :b="b"
      :c="c"
      :d="d"
      :style="{ marginTop: '10px' }"
      @fn1="fn1"
      @fn2="fn2"
      @fn3="fn3"
    />
  </div>
</template>

<script>
import One from "./components/One";

export default {
  name: "App",
  components: {
    One,
  },
  data() {
    return {
      a: 1,
      b: 2,
      c: 3,
      d: 4,
    };
  },
  methods: {
    fn1() {
      alert("fn1");
    },
    fn2() {
      alert("fn2");
    },
    fn3() {
      alert("fn3");
    },
  },
};
</script>

<style></style>
